리액트 컨텍스트를 이용한 컴포넌트 상태 공유
📖 읽기 전에 알고 있던 지식
- 기존 정보 및 선입견 : 리액트 컨텍스트는 리액트에서 상태를 전역으로 관리할때 사용하는 리액트에서 쓸수있는 기능이고 그 컨텍스트의 프로바이더를 활용해서 컴포넌트에 감싸면 props의 형태처럼 모든 자식 컴포넌트에서 사용이 가능하다
(예: 해당 파트에 대한 주제로 알고있던 내용)
📚 글 내용
-
주요 내용 : useState만을 사용한 방식과 차이점으로 시작하여 props전달을 피하기 위해 사용되는 컨텍스트 전파에 대한 전반적인 설명 기본적으로 불필요한 리렌더링을 유발하지않게 작은 조각으로 나누어 사용해야된다라는 점 그리고 모범 사례를 예로 들어 어떤식으로 적용해야 할지를 알려준다
(예: 전반적인 흐름, 핵심 개념 등) -
인상 깊은 부분 : 컨텍스트 하나가 리렌더링 될 일이 생기면 그 프로바이더가 감싸고있는 컴포넌트 전부 리렌더링 된다 그렇기 때문에 각 상태 조각에 따른 컨텍스트를 만들어 리렌더링을 피하는 기본적인 방법이있고 메모이제이션을 활용하여 리렌더링이 필요없는 컴포넌트를 감싸 활용할수있는 방법이 있다.
(예: 내용 구성에서 눈에 띄는 점)
💡내가 알게 된 내용 혹은 잘못 알고 있던 내용
-
새롭게 습득한 지식 : 메모이제이션을 활용하여 불필요한 리렌더링을 유발하지않아 컨텍스트에 대한 최적화의 개념의 첫걸음을 알게되었고 컨텍스트가 어떤 목적으로 만들어졌는지에 대한 개념을 알았다.
(예: 읽고 난 후 새롭게 이해한 개념, 기존에 몰랐던 사실) -
개인적인 성찰 및 응용 : 컨텍스트를 사용하기 보단 라이브러리를 이용해서 상태관리에 대한 편리성을 챙겼었는데 한번 컨텍스트에 대한 깊은 고찰을 해보고 정말 필요한가? 이걸 써야할 이유가있을까? 에 대한 고민을 한번 해보고 갈수있을거같다.
(예: 이 파트가 본인의 생각이나 개발에 어떤 변화를 가져왔는지, 앞으로 더 깊이 탐구하고 싶은 주제)